<template>
	<div class="onex-side-container">
		<div class="onex-side-logo">
			<img src="../assets/logo.png" width="55"  />
		</div>
		<div class="onex-side-menu">
			<x-menu></x-menu>
		</div>
	</div>
</template>

<script setup>
	import XMenu from '@/views/XMenu.vue';
</script>

<style scoped>
	.onex-side-container {
		width:100%;
		height:100%;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items:center;
	}
	.onex-side-logo {
		width:100%;
		padding: 0.5rem;
		display: flex;
		flex-direction: row;
		justify-content:left;
		align-items:center;
	}
	.onex-side-menu {
		width:100%;
		height:100%;
	}

</style>